<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前样式 -->
		<link rel="stylesheet" href="../css/unicorn.css" />
		<link rel="stylesheet" href="../font_z9c0dknjan/iconfont.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb abs">
			<!-- logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图-->

			<!-- 左边logo -->
			<a href="../html/index.html">
				<h1></h1>
			</a>
			<!-- 中间导航栏 -->
			<ul class="flex-c-c">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="#">案列</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 右边按钮 -->
			<div>
				<button onclick="window.location.href='../html/log-in.html'">
					登录
				</button>
				<button onclick="window.location.href='../html/register.html'">
					注册有礼
				</button>
			</div>
		</header>
		<!-- <div id="header"></div> -->

		<!-- 主题 -->
		<main>
			<!-- 粒子背景 -->
			<section id="particle" class="rel">
				<div id="bannerBg" class="abs"></div>
				<!-- 标题 -->
				<div id="title" class="container">
					<h1>助力行业巨头、独角兽企业</h1>
					<p>已服务10万+企业客户</p>
					<p>-精选案列-</p>
				</div>
			</section>
			<!-- 详情页 -->
			<div class="rel">
				<div class="container particularsPage">
					<!-- 左边详情 -->
					<div id="leftParticulars">
						<!-- 金融案列 -->
						<section id="contLt" class="left">
							<!-- <h4>
								金融案例
								<span>/Financial Case</span>
							</h4> -->
							<!-- 图片详情 -->
							<!-- <div class="flex-c-sb imgs">
									<div>
										<img src="../imgs/$scm.png.img" alt="图片加载失败" />
										<h4 class="fz-16">苏城码</h4>
										<p class="fz-12 tHidden-4">中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。</p>
										<a href="javascript:void 0" class="fz-12">了解详情</a>	
									</div>
							</div> -->
						</section>
						<!-- 更多伙伴 -->
						<section id="more" class="left">
							<h4>
								更多伙伴
								<span>/More Partners</span>
							</h4>
							<div class="flex-c-sb particle">
								<!-- <div>
									<img src="../imgs/more-partners-item01.svg" alt="" />
								</div> -->
							</div>
						</section>
					</div>
					<!-- 右边导航栏 -->
					<nav id="rightNav" class="abs">
						<p class="active">金融案列</p>
						<p>企业案列</p>
						<p>政策案列</p>
						<p>更多伙伴</p>
					</nav>
				</div>
			</div>
		</main>

		<!-- 尾部 -->
		<footer>
			<div class="container">
				<!-- 上边详情 -->
				<div class="flex-c-sb top">
					<!-- 联系与支持 -->
					<ul>
						<li>
							<h3>联系与支持</h3>
						</li>
						<li>
							<a href="#">400-882-7715</a>
						</li>
						<li>
							<a href="#">售前咨询</a>
						</li>
						<li>
							<a href="#">客服&售后</a>
						</li>
						<li>
							<a href="#">常见问题</a>
						</li>
						<li>
							<a href="#">极速工单</a>
						</li>
						<li>
							<a href="#">投诉与建议</a>
						</li>
					</ul>

					<!-- 关于源码 -->
					<ul>
						<li>
							<h3>关于源码</h3>
						</li>
						<li>
							<a href="#">合作伙伴</a>
						</li>
						<li>
							<a href="#">服务条款</a>
						</li>
						<li>
							<a href="#">隐私政策</a>
						</li>
						<li>
							<a href="#">市场合作</a>
						</li>
						<li>
							<a href="#">反商业贿赂声明</a>
						</li>
					</ul>

					<!-- 快速入口 -->
					<ul>
						<li>
							<h3>快速入口</h3>
						</li>
						<li>
							<a href="#">API数据</a>
						</li>
						<li>
							<a href="#">黑钻会员</a>
						</li>
						<li>
							<a href="#">新闻动态</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
						<li>
							<a href="#">加入我们</a>
						</li>
					</ul>

					<!-- 产品服务 -->
					<ul>
						<li>
							<h3>产品服务</h3>
						</li>
						<li>
							<a href="#">云监测</a>
						</li>
						<li>
							<a href="#">云查询</a>
						</li>
						<li>
							<a href="#">云助手</a>
						</li>
						<li>
							<a href="#">聚盒子</a>
						</li>
						<li>
							<a href="#">云充值</a>
						</li>
					</ul>

					<!-- 解决方案 -->
					<ul>
						<li>
							<h3>解决方案</h3>
						</li>
						<li>
							<a href="#">数字中台</a>
						</li>
						<li>
							<a href="#">慧集：API生命周期管理</a>
						</li>
						<li>
							<a href="#">有赢：助力企业营销</a>
						</li>
					</ul>

					<div class="weChat">
						<h2 class="fz-16">微信公众号</h2>
						<p>源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片加载失败" />
					</div>
				</div>
				<!-- 下边文字 -->
				<div class="bottom">
					<div>
						<img src="../imgs/bei2.png" alt="图片加载失败" />
						<img src="../imgs/bei1.png" alt="图片加载失败" />
						<span>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</span>
					</div>
					<span>源码大数据股份有限公司©版权所有</span>
				</div>
			</div>
		</footer>

		<!-- 回到顶部按钮 -->
		<span class="iconfont icon-icon-test"></span>

		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入swiper的JS -->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 4.引入粒子效果的JS -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 5.引入当前页JS -->
		<script src="../js/unicorn.js"></script>
	</body>
</html>
